.gallery-container{
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;

    .loader{
        text-align: center;
        font-size: 12px;
        color: var(--gray-6);
        cursor: pointer;
    }

    .masonry-grid{
        display: -webkit-box; /* Not needed if autoprefixing */
        display: -ms-flexbox; /* Not needed if autoprefixing */
        display: flex;
        margin-left: -12px; /* gutter size offset */
        width: auto;
    }

    .grid-column{
        padding-left: 12px; /* gutter size */
        background-clip: padding-box;

        &>div{
            margin-bottom: 12px;

            img{
                width: 100%;
                vertical-align: middle;
            }
        }
    }

    .no-data{
        text-align: center;
        color: var(--gray-6);
    }
}